Ext.onReady(function() {
	var artform = Ext.create('Ext.form.Panel', {
		
		width : 550,
		bodyPadding : 10,
		frame : true,
		renderTo : Ext.getBody(),
		items : [
		        {  xtype: 'textfield',
					fieldLabel : '名称',
					name : 'staffname',
					id : 'staffname',
					allowBlank : true,
					emptyText : '请输入名称',
					anchor : '95%'
				},
			    {
					xtype: 'textfield',
					fieldLabel : "编号",
					id : 'staffnumber',
					name : 'staffnumber',
					anchor : '95%',
					step : 50,
					maxValue : 999999,
					allowBlank : true,
					minValue : 0,
					negativeText : '编号不能为负数',
					emptyText : '请填入编号'

				},

				{
					xtype: 'textfield',
					fieldLabel : '型号',
					name : 'staffmobile',
					id : 'staffmobile',
					allowBlank : true,
					anchor : '95%',
										
					emptyText : '请输入型号'
				},
				{
					xtype: 'textfield',
					fieldLabel : '航程',
					name : 'voyage',
					id : 'voyage',
					allowBlank : true,
					anchor : '95%',
										
					emptyText : '请输入航程'
				},
				{
					xtype: 'textfield',
					fieldLabel : '航速',
					name : 'speed',
					id : 'speed',
					allowBlank : true,
					anchor : '95%',
										
					emptyText : '请输入航速'
				},

				{  xtype: 'textfield',
					fieldLabel : '地址',
					name : 'staffpartaddress',
					id : 'staffpartaddress',
					allowBlank : true,
					emptyText : '请输入详细地址',
					anchor : '95%'
				},
				{  xtype: 'textfield',
					fieldLabel : '备注',
					name : 'remark',
					id : 'remark',
					allowBlank : true,
					emptyText : '请输入备注',
					anchor : '95%'
				},
				{  xtype: 'textfield',
					fieldLabel : '主炮',
					name : 'maingun',
					id : 'maingun',
					allowBlank : true,
					emptyText : '请输入主炮',
					anchor : '95%'
				},
				{  xtype: 'textfield',
					fieldLabel : '导弹',
					name : 'missile',
					id : 'missile',
					allowBlank : true,
					emptyText : '请输入导弹',
					anchor : '95%'
				},
				{  xtype: 'textfield',
					fieldLabel : '发动机',
					name : 'engine',
					id : 'engine',
					allowBlank : true,
					emptyText : '请输入发动机',
					anchor : '95%'
				},

				{
					xtype : 'filefield',
					fieldLabel : '上传图片',
					name : 'avatar',
					id : 'avatar',
					anchor : '95%',
					buttonText : '',
					buttonConfig : {
						iconCls : 'upload'
					},
					listeners : {
						change : function(btn, value) {
							//是否是规定的图片类型
							var img_reg = /\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/;
							if (img_reg.test(value)) {
								var img = Ext.getCmp('staffavatar');
								var file = btn.fileInputEl.dom.files[0];
								var url = URL.createObjectURL(file);
								img.setSrc(url);
							} else {
								Ext.Msg.alert('提示', '请选择图片类型的文件！');
								return;
							}
						}
					}
				}, {
					xtype : 'fieldset',
					title : '图片预览',
					defaults : {
						margin : '1 1 1 100',
						width : 200,
						height : 260
					},
					items : [{
								xtype : 'image',
								id : 'staffavatar',
								border : 2,
								style : {
									borderColor : 'blue',
									borderStyle : 'solid'
								}
							}]
				}

		],

		buttons : [{
					text : '上传',
					handler : function() {
						var form = this.up('form').getForm();
						if (form.isValid()) {
							//alert('表单的值:'+ this.up('form').getForm().getValue());
							form.submit({
										method : "post",
										url : '/filesup/photoUpload.do',
										waitMsg : 'Uploading your photo...',
										success : function(fp, o) {
											Ext.Msg.alert("上传成功！");
										},
										failure : function(form, action) {
											Ext.Msg.alert("上传失败！");
										}
									});
						}
					}
				}]
	});
});